<template>
	<view class="community">
		<!-- 选项卡 -->
		<uv-tabs :list="list"  lineColor="#149494" 
		activeStyle=" color:#149494" 
		:scrollable="false"
		@click="click"></uv-tabs>
		
		<!-- 默认 -->
		<view v-if="current== 0">
			<view class="avatar" v-for="item in 2">
				<view class="box1"></view>
				<view class="avatar-all"> 	
						<view class="avatar-left">
							<image src="/static/image/陈喜喜.jpg" mode=""></image>
						</view>
						<view class="avatar-right">
							<view>陈喜喜</view>
							<view style="color:#d7d8de ;">2023-06-08上午10:30</view>
						</view>
				</view>
				<view class="center">
					熟悉的习惯，熟悉的路线，熟悉的日子里，永远不会有奇迹发生。改变思路，改变习惯，改变一种活的方式，往往会创造无限，风景无限!
				</view>
				<view class="photo">
						<image class="image1" src="../../static/image/狗.jpg" mode=""></image>
				</view>
				<view class="box3">
					<view class="box3-top" ><uv-icon name="heart" size="26"></uv-icon>56</view>
					<view class="box3-top" @click="godyanmicdetails"><uv-icon name="more-circle" size="26"></uv-icon>265</view>
					<view class="box3-top" ><uv-icon name="share-square" size="26"></uv-icon>分享</view>
					
				</view>
			</view>
		</view>
		<view class="box1"></view>
		<!-- 点赞 -->
		<view v-if="current== 1">222</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				current: '',
				list: [{
					name: '默认',
				}, {
					name: '点赞',
				}]
			}
		},
		methods: {
			godyanmicdetails(){
				uni.navigateTo({ url: '/pages/dynamicdetails/dynamicdetails' })
			},
			click(item) {
				this.current = item.index
				console.log('item', item.index);
			}
		}
	}
</script>

<style lang="scss">
	@import url("../community/community.css");
</style>